<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
		<script src="../js/vue.min.js"></script>
	</head>

	<body>

		<div id="app">
			{{5+5}}<br> {{ ok ? 'YES' : 'NO' }}<br> {{ message.split('').reverse().join('') }}
			<div v-bind:id="'list-' + id">菜鸟教程</div>		
			<div v-html="message2">菜鸟教程</div>
		</div>
		<script>
			new Vue({
				el: '#app',
				data: {
					ok: true,
					message: 'RUNOOB',
					id: 1,
					message2: '<h1>菜鸟教程</h1>'
				}
			})
		</script>
		

	</body>

</html>